/*
 * Copyright © 2018 Cask Data, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
 */

@import '../../../../styles/variables.scss';

$column-color: $blue-03;
$border-color: $grey-05;
$header-bg-color: $grey-08;

.runs-table-container {
  padding: 10px 75px;

  &.grid-wrapper {
    height: 300px;
    overflow: auto;
  }

  .grid.grid-container {
    max-height: 100%;
    border-bottom: 1px solid $border-color;

    .grid-header,
    .grid-body {
      .grid-row {
        grid-template-columns: 75px 150px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        padding: 0;

        > div {
          padding: 7px 10px;
          text-align: right;
        }
      }
    }

    .grid-header {
      background-color: $header-bg-color;
      border-bottom: 2px solid $border-color;

      .grid-row { align-items: end; }
    }

    .grid-body {
      .grid-row {
        > div:not(.column-date):not(.column-delay) {
          color: $column-color;
        }
      }

      .column-manual,
      .column-failed,
      .column-running {
        border-right: 1px solid $border-color;
      }
    }
  }
}
